import { request } from '../../request/index.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    leftlist:[],
    rightlist:[],
    catelist:[],
    currentIndex:0,
    scrolltop:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const cateList=wx.getStorageSync('catelist')
    if(!cateList){
      this.getcateslist();
    }else{
      if(Date.now()-cateList.time>=1000*1000)
      {
        this.getcateslist();
      }
      else{
        console.log("可以使用旧数据")
      this.catelist=cateList.data
        let leftlist = this.catelist.map(v => v.cat_name)
        let rightlist = this.catelist[0].children
        this.setData({
          // catelist,
          rightlist,
          leftlist
        })
      }
    } 
 
  },
  //初次加载获取数据，缓存数据，显示第一项
  getcateslist() { 
    request({
      url: '/categories'
    }).then(result => {
      this.catelist=result.data.message
      //获取数据，缓存数据
      wx.setStorageSync('catelist', { time: Date.now(), data:this.catelist})
      // console.log(this.catelist) 
      let leftlist=this.catelist.map(v=>v.cat_name)
      let rightlist = this.catelist[0].children  //初次加载获取数据，缓存数据，显示第一项
      this.setData({
      // catelist,
      rightlist,
      leftlist
      })
    })
  },
  //通过点击左侧项，来获取右侧数据
  getindex(e){
    // console.log(e.currentTarget.dataset.index)
    let {index} = e.currentTarget.dataset
    let rightlist = this.catelist[index].children
    this.setData({
      rightlist,
      currentIndex:index,
      scrolltop:0     //点击左侧右侧始终置顶
    })
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})